<div id="wrapper">

    <div class="slider-wrapper theme-default">
        <div id="slider" class="nivoSlider">
            <img src="../../webroot/img/toystory.jpg" data-thumb="../../webroot/img/toystory.jpg" alt="" />
            <img src="../../webroot/img/up.jpg" data-thumb="../../webroot/img/up.jpg" alt=""  />
            <img src="../../webroot/img/walle.jpg" data-thumb="../../webroot/img/walle.jpg" alt="" data-transition="slideInLeft" />
            <img src="../../webroot/img/nemo.jpg" data-thumb="../../webroot/img/nemo.jpg" alt=""  />
        </div>

    </div>

</div>
<script type="text/javascript" src="../../libs/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="../../webroot/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>